<template>
  <!-- 基于settings/themeKey的变化 控制切换app容器的类名
 -->
  <div id="app" :class="className">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  computed: {
    className() {
      if (this.$store.state.settings.themeKey === 'pig') {
        return 'pig'
      } else if (this.$store.state.settings.themeKey === 'tom') {
        return 'tom'
      } else {
        return 'tutu'
      }
    }
  }

}
</script>
